@import '../../../../vendor/filament/filament/resources/css/theme.css';

@config './tailwind.config.js';

@layer components {
    .fi-topbar {
        @apply bg-white dark:bg-gray-900;
    }

    .fi-topbar nav {
        @apply w-full max-w-7xl mx-auto ring-0;
    }

    .fi-topbar .fi-icon-button {
        @apply me-4 !important;
    }

    .fi-sidebar-item-active a {
        @apply bg-primary-100 dark:bg-primary-600/30 dark:text-white;
    }

    .fi-sidebar-item a:hover {
        @apply bg-primary-100 dark:bg-primary-600/30 dark:text-white;
    }

    .fi-sidebar-item-active svg {
        @apply dark:text-white;
    }

    .fi-tenant-menu + div {
        @apply -ms-3 -me-3;
    }

    .outline-primary {
        @apply bg-white dark:bg-gray-900 border-primary-500 dark:border-primary-400 border-2 shadow-none text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-gray-800 !important;
    }

    .outline-gray {
        @apply bg-white dark:bg-gray-900 border-gray-400 dark:border-gray-400 border-2 shadow-none text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-gray-800 !important;
    }

    .outline-danger {
        @apply bg-white dark:bg-gray-900 border-danger-500 dark:border-danger-400 border-2 shadow-none text-danger-600 dark:text-danger-400 hover:bg-primary-50 dark:hover:bg-gray-800 !important;
    }

    .icon {
        @apply !w-5 !h-5;
    }

    .fi-chart-header div:first-child {
        flex-grow: 1;
    }
}
